<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="../../docs-assets/ico/favicon.png">

    <title>Signin Template for Bootstrap</title>

    <link href="res/css/bootstrap.css" rel="stylesheet">

    <link href="res/css/public.css" rel="stylesheet">

  </head>

  <body>

    <div class="container" id="main" >

      <form class="form-basic" role="form">

       <div class="layout" >
        <img src="res/img/logo.png" class="logo"/>
	    <input type="text" class="form-control" placeholder="店铺名称" required autofocus>
        <button class="btn btn-lg btn-primary btnSearch" type="submit">搜一搜</button>
  
	  </div>
	  <div class="layout">
	  	  <button  class="btn btn-lg btn-primary  btnNav-cur" type="submit">外卖</button>
		  <button  class="btn btn-lg btn-primary  btnNav" type="submit">点餐</button>
	  </div>
	 <div class="layout">
		 <p class="psort">
		  	<span class="sorts">排序：</span>
			<a href="#" class="a-cur" >销量<img src="res/img/lg2.png" /></a>
			<a href="#" >价格<img src="res/img/lg2.png" /></a>
			<a href="#" >人气<img src="res/img/lg2.png" /></a>
		 </p>
	 </div>
	 <div class="layout scrolinfo">
	 
			<section class="col">
				<header>
					<a href="menus.html"><img src="res/img/photo01.jpg"/></a>
				</header>
				<p class="djtitle">
					
					<span class="title">0048香辣虾</span><br/>
					45分钟送达/<span class="psinfo">免费配送</span>
				</p>

			</section>
		<section class="col">
				<header>
					<img src="res/img/photo01.jpg"/>
				</header>
					<p class="djtitle">
					
					<span class="title">0048香辣虾</span><br/>
					45分钟送达/<span class="psinfo">免费配送</span>
				</p>

			</section>
		<section class="col">
				<header>
					<img src="res/img/photo01.jpg"/>
				</header>
				<p class="djtitle">
					
					<span class="title">0048香辣虾</span><br/>
					45分钟送达/<span class="psinfo">免费配送</span>
				</p>

			</section>
		<section class="col">
				<header>
					<img src="res/img/photo01.jpg"/>
				</header>
					<p class="djtitle">
					
					<span class="title">0048香辣虾</span><br/>
					45分钟送达/<span class="psinfo">免费配送</span>
				</p>

			</section>
			<section class="col">
				<header>
					<img src="res/img/photo01.jpg"/>
				</header>
					<p class="djtitle">
					
					<span class="title">0048香辣虾</span><br/>
					45分钟送达/<span class="psinfo">免费配送</span>
				</p>

			</section>
			<section class="col">
				<header>
					<img src="res/img/photo01.jpg"/>
				</header>
				<p class="djtitle">
					
					<span class="title">0048香辣虾</span><br/>
					45分钟送达/<span class="psinfo">免费配送</span>
				</p>

			</section>
				<section class="col">
				<header>
					<img src="res/img/photo01.jpg"/>
				</header>
					<p class="djtitle">
					
					<span class="title">0048香辣虾</span><br/>
					45分钟送达/<span class="psinfo">免费配送</span>
				</p>

			</section>
				<section class="col">
				<header>
					<img src="res/img/photo01.jpg"/>
				</header>
				<p class="djtitle">
					
					<span class="title">0048香辣虾</span><br/>
					45分钟送达/<span class="psinfo">免费配送</span>
				</p>

			</section>
    </div> 
	  <div class="layout" style="margin-left:200px;">
	   
        	<button  class="btn btn-lg btn-primary btnPage" type="submit">上页</button>
 			<button  class="btn btn-lg btn-primary btnPage" type="submit">下页</button>
	  </div>
	 </div>
	  
      </form>

    </div>
  </body>
</html>
